.tray-burn {
    width: 100%;
    height: 100%;

    .box-hd {
        position: relative;
        display: flex;
        align-items: center;
        height: 64px;
        background: url("../../../../assets/network/bg-top.png") no-repeat center;
        background-size: 100% 100%;
        user-select: none;

        .title {
            color: #fff;
            font-size: 22px;
            font-weight: 600;
            font-family: Source-KeynoteartHans-Regular;
        }

        .close-btn {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
            color: #fff;
            cursor: pointer;
        }
    }

    .box-bd {
        background: #eff6fd;
        height: 100%;
        padding: 10px;
        box-sizing: border-box;

        .content {
            height: 100%;

            .preview-container {
                width: 500px;
                background-color: #fff;
                border-radius: 4px;
                margin-right: 10px;
                padding: 0 8px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .view {
                    height: 100%;
                    .file-box {
                        // width: 335px;
                        height: calc(100% - 74px);
                        border: 1px dashed #add6ff;
                        border-radius: 4px;
                        box-sizing: border-box;
                        overflow: hidden;
                        padding: 10px 3px;

                        .empty {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;

                            p {
                                font-size: 12px;
                                color: #ccc;
                                margin-top: 10px;
                            }
                        }
                    }

                    .fileInfo {
                        font-size: 12px;
                        color: #ccc;
                        margin-top: 10px;
                    }
                }
            }

            .setting-container {
                position: relative;
                width: 0;
                flex: 1;
                background-color: #fff;
                padding: 10px;
                box-sizing: border-box;

                .setting-form {
                    height: calc(100% - 55px);
                }

                .footer {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 65px;
                    width: 100%;
                    text-align: center;
                }
            }
        }
    }
}